Repository navigation
P18 phase 2: IDE shell – one bar, files drawer, stacked workspace - #16
Merged
Merged
Conversation
The IDE looks like the embed, only larger. One bar on top: the logo, the workspace's own buttons (▶ Ausführen · Tests · Visualisieren · Zurücksetzen, portaled into the bar), Teilen with «Link kopiert ✓», and a ⋮ menu (open a folder or ZIP, download, language, delete the local project with a confirmation). At the left edge Dateien (a drawer over the editor: project name, files, new, rename, delete) and Python-Referenz. Below, the workspace in its stacked layout, every file a tab. No breadcrumb, no footer, no dev bar; the runtime status shows only while it loads or failed. The menu and the drawer work with the keyboard (focus moves in, arrow keys, Escape returns focus). Shell styles live in index.css; unused shell strings are dropped. Pins glpython-editor to the commit of glpython-editor#30 until it is tagged v0.1.11. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
▶ Ausführen already starts with a fresh namespace and an empty console, ■ Stoppen ends a hung program, and learners read «Zurücksetzen» as "reset my code". So the bar keeps ▶ · Tests · Visualisieren, and ⋮ starts with «Python neu starten», which mounts the workspace anew (a new Python, an empty console, as the embed's Reset; the code stays). Pins glpython-editor v0.1.11 (glpython-edu/glpython-editor#30). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
IDE part of P18 phase 2 (spec: teaching-agent
journal.md→ Visual Identity → «glpython-IDE (Hülle um den Editor)»). Guiding principle: the IDE looks like the embed, only larger.Ready. It pins
glpython-editorv0.1.11 (glpython-edu/glpython-editor#30) and supersedes the closed v0.1.10 bump (#15).One bar on top
actionsContainer). ▶ becomes ■ Stoppen in the same place and width.Left edge
aria-label.closeFileTabs: false).Below: the workspace in its stacked layout (#30). The editor is on top and the console below, with a draggable divider that is remembered. Graphics show beside the editor only while a program draws, and the visualizer takes the editor's place without moving anything. It's the same on laptop and iPad; below 900px only the logo's name is left out.
Keyboard
Checked with this build at 1440×900 and 820×1180:
helfer.py, no ✕ on tabs, «Code hier eingeben» in the empty editor…/?project=…quadrat(5)afterwards →NameErrorwith the hint «Wurde die Datei schon ausgeführt?» (laptop and iPad)Build and lint pass (the same 7 warnings as
main, in the vendoredcoi-serviceworker.js). README «Layout» and CLAUDE.md are updated. Shell strings that became unused are dropped. The old shell CSS in glpython-editor'sstyle.cssis now unused (follow-up).🤖 Generated with Claude Code